<template>
  <div>
    <TheEthicsAssessment/>
    <div class="dashboard-grid">
      <TheComRecord/>
      <TheEthicsRecord/>
    </div>
  </div>
</template>
<script>
import TheEthicsAssessment from './components/TheEthicsAssessment.vue'
import TheComRecord from './components/TheComRecord.vue'
import TheEthicsRecord from './components/TheEthicsRecord.vue'
export default {
  components:{
    TheEthicsAssessment,
    TheComRecord,
    TheEthicsRecord
  },
  name: 'TeacherEthicsConduct',
  data(){
    return{
      
    }
  },
  methods:{
    
  }
}
</script>
<style scoped>
.workbench-container {
  padding: 12px;
  box-sizing: border-box;
}
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 0 12px;
}
</style>